<template>
    <div>
        <div class="row">
            <el-radio v-model="radio" label="1">备选项</el-radio>
            <el-radio v-model="radio" label="2">备选项</el-radio>
        </div>
        <div class="row">
            <el-radio disabled v-model="radio1" label="禁用">备选项</el-radio>
            <el-radio disabled v-model="radio1" label="选中且禁用">备选项</el-radio>
        </div>
        <div class="row">
            <el-radio-group v-model="radio2">
                <el-radio :label="3">备选项</el-radio>
                <el-radio :label="6">备选项</el-radio>
                <el-radio :label="9">备选项</el-radio>
            </el-radio-group>
        </div>
        <div class="row">
            <el-radio v-model="radio1" label="1" border>备选项1</el-radio>
            <el-radio v-model="radio1" label="2" border>备选项2</el-radio>
        </div>
        <div class="row">
            <el-radio-group v-model="radio3">
            <el-radio-button label="上海"></el-radio-button>
            <el-radio-button label="北京"></el-radio-button>
            <el-radio-button label="广州"></el-radio-button>
            <el-radio-button label="深圳"></el-radio-button>
            </el-radio-group>
        </div>
    </div>
    
</template>

<script>
import ElRadio from '../../components/Radio/index'
import ElRadioGroup from '../../components/RadioGroup/index'
import ElRadioButton from '../../components/RadioButton/index'

export default {
    data () {
        return {
            radio: '1',
            radio1: '选中且禁用',
            radio2: 6,
            radio3: '深圳'
        };
    },
    components: {
        ElRadio,
        ElRadioGroup,
        ElRadioButton,
    }
}

</script>
<style>
.row {
    margin-top: 20px;
}
</style>
